<link rel="stylesheet" type="text/css" href="assets/plugins/H-ui_v3.1.1/lib/icheck/icheck.css"/>
<p class="com-title">
	我要选址
</p>
<form class="site-selection-form form form-horizontal" id="siteSelectForm">
	<div class="Huialert Huialert-danger"><i class="icon-remove"></i>说明:目前该服务仅针对杭州、上海、湖州等地区开通</div>
	<div class="row cl">
		<label class="form-label per15">
			分类：
		</label>
		<div class="formControls per75">
			<div class="formControls per40 error-parent simulation-btn">
				<div class="radio-box">
					<input type="radio" id="radio-01" name="type">
					<label for="radio-01">
						<button class="btn btn-primary-outline">厂房<i class="Hui-iconfont Hui-iconfont-selected"></i></button>
					</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="radio-02" name="type">
					<label for="radio-02">
						<button class="btn btn-primary-outline">仓库<i class="Hui-iconfont Hui-iconfont-selected"></i></button>
					</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="radio-03" name="type">
					<label for="radio-03">
						<button class="btn btn-primary-outline">土地<i class="Hui-iconfont Hui-iconfont-selected"></i></button>
					</label>
				</div>
			</div>
		</div>
	</div>
	<div class="row cl">
		<label class="form-label per15">
			意向：
		</label>
		<div class="formControls per40 error-parent">
			<div class="radio-box">
				<input type="radio" id="radio-11" name="intentions">
				<label for="radio-11">求租</label>
			</div>
			<div class="radio-box">
				<input type="radio" id="radio-12" name="intentions">
				<label for="radio-12">求购</label>
			</div>
			<div class="radio-box">
				<input type="radio" id="radio-13" name="intentions">
				<label for="radio-13">求租求购皆可</label>
			</div>
		</div>
	</div>
	<div class="row cl">
		<label class="form-label per15">
			功能用途：
		</label>
		<div class="formControls per50 error-parent">
			<div class="radio-box">
				<input type="radio" id="radio-21" name="use">
				<label for="radio-21">办公研发</label>
			</div>
			<div class="radio-box">
				<input type="radio" id="radio-22" name="use">
				<label for="radio-22">生产</label>
			</div>
			<div class="radio-box">
				<input type="radio" id="radio-23" name="use">
				<label for="radio-23">仓储</label>
			</div>
			<div class="radio-box">
				<input type="radio" id="radio-24" name="use">
				<label for="radio-24">其他</label>
			</div>
		</div>
	</div>
	<div class="row cl">
		<label class="form-label per15">
			需求面积：
		</label>
		<div class="formControls per75">
			<span class="f-l per10 error-parent">
				<input type="text" name="acreage1" class="input-text size-M">
			</span>
			<span class="pl-5 pr-5 f-l">
				-
			</span>
			<span class="f-l per10 error-parent">
				<input type="text" name="acreage2" class="input-text size-M">
			</span>
			<span class="pl-5">
				M2
			</span>
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label per15">
			<b>建筑参数&nbsp;&nbsp;</b>
		</label>
		<div class="formControls per75">
			<span class="cut-off per100"></span>
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label per15">
			单层最小面积：
		</label>
		<div class="formControls per75">
			<span class="f-l per10 error-parent">
				<input type="text" name="limitacreage1" class="input-text size-M">
			</span>
			<span class="pl-5 pr-5 f-l">
				-
			</span>
			<span class="f-l per10 error-parent">
				<input type="text" name="limitacreage2" class="input-text size-M">
			</span>
			<span class="pl-5">
				M2
			</span>
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label per15">
			层高：
		</label>
		<div class="formControls per15 error-parent">
			<span class="f-l per50">
				<input type="text" name="height" class="input-text size-M">
			</span>
			<span class="pl-5 pr-5 f-l">
				米
			</span>
		</div>
		<label class="form-label per10">
			承重：
		</label>
		<div class="formControls per15 error-parent">
			<span class="f-l per50">
				<input type="text" name="weight" class="input-text size-M">
			</span>
			<span class="pl-5 pr-5 f-l">
				吨
			</span>
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label per15">
			最小用电量：
		</label>
		<div class="formControls per75">
			<span class="f-l per10 error-parent">
				<input type="text" name="kva" class="input-text size-M">
			</span>
			<span class="pl-5 pr-5">
				kva
			</span>
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label per15">
			配套需求：
		</label>
		<div class="formControls per75 error-parent">
			<div class="check-box">
			    <input type="checkbox" id="checkbox-1" name="need">
			    <label for="checkbox-1">独院</label>
			</div>
			<div class="check-box">
			    <input type="checkbox" id="checkbox-2" name="need">
			    <label for="checkbox-2">航吊</label>
			</div>
			<div class="check-box">
			    <input type="checkbox" id="checkbox-3" name="need">
			    <label for="checkbox-3">宿舍</label>
			</div>
			<div class="check-box">
			    <input type="checkbox" id="checkbox-4" name="need">
			    <label for="checkbox-4">办公楼</label>
			</div>
			<div class="check-box">
			    <input type="checkbox" id="checkbox-5" name="need">
			    <label for="checkbox-5">空地</label>
			</div>
			<div class="check-box">
			    <input type="checkbox" id="checkbox-6" name="need">
			    <label for="checkbox-6">仓库</label>
			</div>
		</div>
	</div>
	
	<div class="row cl">
		<span class="form-label per15">
			特殊要求：
		</span>
		<div class="formControls per75">
			<textarea class="textarea"></textarea>
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label per15">
			<b>联系信息&nbsp;&nbsp;</b>
		</label>
		<div class="formControls per75">
			<span class="cut-off per100"></span>
		</div>
	</div>
	
	<div class="row cl">
		<span class="form-label per15">
			联系人：
		</span>
		<div class="formControls per75">
			<span class="f-l per30 error-parent">
				<input type="text" name="user" class="input-text size-M">
			</span>
		</div>
	</div>
	
	<div class="row cl">
		<span class="form-label per15">
			联系电话：
		</span>
		<div class="formControls per75">
			<span class="f-l per30 error-parent">
				<input type="text" name="phone" class="input-text size-M">
			</span>
		</div>
	</div>
	
	<div class="row cl">
		<span class="form-label per15">
			
		</span>
		<div class="formControls per75">
			<button type="submit" class="btn btn-primary radius">提交选址</button>
		</div>
	</div>
</form>
<p class="about-company mt-30">
	安通选址优势...
</p>
<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/jquery.validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/jquery.validation/additional-methods.min.js"></script>
<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/jquery.validation/messages_zh.js"></script>
<script type="text/javascript">
	$(function(){
		$('.row input').iCheck({
			checkboxClass: 'icheckbox-blue',
			radioClass: 'iradio-blue',
			increaseArea: '20%'
		})
		
		//表单验证
		$("#siteSelectForm").validate({
			rules:{
				type:{
					required:true
				},
				intentions:{
					required:true
				},
				use:{
					required:true
				},
				acreage1:{
					required:true,
					number:true
				},
				acreage2:{
					required:true,
					number:true
				},
				limitacreage1:{
					required:true,
					number:true
				},
				limitacreage2:{
					required:true,
					number:true
				},
				height:{
					required:true,
					number:true
				},
				weight:{
					required:true,
					number:true
				},
				kva:{
					required:true,
					number:true
				},
				need:{
					required:true
				},
				user:{
					required:true
				},
				phone:{
					required:true,
					number:true,
					minlength:3
				}
			},
			onkeyup:false,
			submitHandler:function(form){
				location.hash="#/publishSuccess"
			},
			errorPlacement:function(error,element){
				error.appendTo(element.parents('.error-parent'));
			}
		});
	});
	
	function checkType(ts){
		
	}
</script>